// import Vue from 'vue'

// import hljs from 'highlight.js'
// import 'highlight.js/styles/atom-one-dark.css' // 代码高亮的样式

// import { lineNumberInit } from '../resources/highlightjs-line-numbers.js' // 行号
// lineNumberInit(hljs, window, window.document)

// // 创建vue指令
// Vue.directive('highlight', el => {
//   const blocks = el.querySelectorAll('pre')
//   blocks.forEach(block => {
//     hljs.highlightBlock(block)
//     hljs.lineNumbersBlock(block)
//   })
// })

// 引入 prismjs 插件
import Prism from 'prismjs'

// 创建指令 v-highlight
const Highlight = {}
Highlight.install = Vue => {
  Vue.directive('highlight', {
    // 指令所在组件的 VNode 及其子 VNode 全部更新后调用
    componentUpdated: () => {
      // 代码美化
      Prism.highlightAll()
    }
  })
}
export default Highlight
